<div ng-include="sys_html('home/_header',true,true)"></div>
<style>
.fe-mod {
    height: auto;
    border: 0px;
    position: relative;
}
.fe-mod-9-menu {
    background: #44abf7;
}
.fe-mod:hover {
    border: 0px;
}
.fui-icon-group .fui-icon-col .icon {
    height: 68px;
    margin: auto;
    text-align: center;
    line-height: 68px;
}
.fui-icon-group .fui-icon-col .icon i {
    color: #aaa;
    font-size: 58px;
}
.group-top {
    border-top: 0px solid #d9d9d9;
	background: inherit; margin-top: 10;
}
.footer {
	height:68px;padding:20px;width:100%
}
.footer p{
	margin:0;
	font-size: 0.5rem;
}
</style>
<div class="fe-mod fe-mod-9" style="background-color:#44abf7;min-height:188px">
    <div class="fe-mod-9-menu"  ng-style="{'color':inav.params.navcolor}">
        <a href="./index.php"><div class="fe-mod-9-nav"><i class="icon icon-shouye"></i><br>首页</div></a>
		<a href="javascript:;" ng-click="access_json('/home.news/')"><div class="fe-mod-9-nav"><i class="icon icon-tuwenwenzhen"></i><br>新闻</div></a>
		<a href="{{main.kflink}}"><div class="fe-mod-9-nav"><i class="icon icon-atm"></i><br>在线咨询</div></a>
		<a onclick="$('#followewm').modal();"><div class="fe-mod-9-nav"><i class="icon icon-saoyisao2"></i><br>在线体验</div></a>
    </div>
    <div class="fe-mod-9-shopname">
        <div class="fe-mod-9-name">{{pagedata.site.name|| '全网智能平台'}}</div>
    </div>
    <div class="fe-mod-9-shoplogo"> 
        <div class="fe-mod-9-shoplogo-img">
            <img ng-src="{{tomedia(main.mglogo) || '../core/resource/images/nopic.jpg'}}"/>
        </div>
    </div>
</div>

<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox">
		<div ng-repeat="nav in pagedata.navs" ng-class="{'item':true,'active':$index==0}">
			<a href="{{nav.url}}">
				<img ng-src="{{tomedia(nav.picurl)}}" style="display: block; width: 100%; height: auto;"/>
			</a>
		</div>
	</div>
	<style>
            .fui-swipe-page .fui-swipe-bullet {background: #fff;}
            .fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
    </style>
	<div id="carousel-jinyun" class=" fui-swipe-page" style="bottom: 10px; ">
		<div class="fui-swipe-bullet" ng-repeat="nav in pagedata.navs" data-target="#carousel-container" data-slide-to="{{$index}}" ng-class="{'active':$index==0}"></div>
	</div>
</div>
<div class="group-top">
     <div class="fui-list jump">
                <a class="fui-list-inner" href="">
                    <div class="title" style="color: #333333;">全网产品</div>
                     <div class="subtitle" style="color: #666666;">小程序，PC建站，APP，微信公众号等</div>
                 </a>
                <a class="fui-remark jump" style="padding-right: 0.2rem; height: 2rem; text-align: center; line-height: 2rem;" onclick="$('#followewm').modal();">
                更多
				</a>
      </div>
</div>
<div class="fui-icon-group  col-2 selecter" style="border-top: 0px;">
	<div class="fui-icon-col external" style="margin:0;padding:3px;" href="javascript:;" ng-click="access_json('/home.diy_wxapp/')">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-wechat" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">小程序DIY</div>
				<div class="text" style="color: #fff;">一键打包，DIY小程序，一托多小程序！</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="background-color: #44abf7;padding:15px;" href="javascript:;" ng-click="access_json('/home.wxapp/')">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-jsfiddle" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">全网小程序/H5应用</div>
				<div class="text" style="color: #fff;">电商分销、拼团、砍价、秒杀各类小程序</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="background-color: #44abf7;padding:15px;" href="javascript:;" ng-click="access_json('/home.mobile/')">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-mobile" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">微官网DIY</div>
				<div class="text" style="color: #fff;">DIY设计微官网，手机网站，几乎可以搭建出任何主流手机网站！</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;" href="javascript:;" ng-click="access_json('/home.pc/')">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-desktop" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">PC建站DIY</div>
				<div class="text" style="color: #fff;">DIY设计PC站，几乎可以搭建出任何主流PC站！</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;" href="javascript:;" ng-click="access_json('/home.h5/')">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-qrcode" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">互动宣传场景</div>
				<div class="text" style="color: #fff;">朋友圈疯传的H5微场景</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;" onclick="$('#followewm').modal();">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-android" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">一键生成APP</div>
				<div class="text" style="color: #fff;">一键生成APP，就是这么简单！</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;" onclick="$('#followewm').modal();">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-google-plus" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">互动营销</div>
				<div class="text" style="color: #fff;">互动营销活动，吸粉，变现游戏！</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;" onclick="$('#followewm').modal();">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-cloud" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">小程序游戏</div>
				<div class="text" style="color: #fff;">小程序营销活动，流量变现利器！</div>
		 </div>
	</div>
</div>
<div class="group-top">
           <div class="fui-list jump">
                <a class="fui-list-inner" href="" data-nocache="true">
                    <div class="title">程序动态</div>
                     <div class="subtitle">最近程序更新动态，前瞻市场热点功能研发！</div>
                 </a>
                <a class="fui-remark jump" style="padding-right: 0.2rem; height: 2rem; text-align: center; line-height: 2rem;" href="javascript:;" ng-click="access_json('/home.news/')">
					更多
				</a>
            </div>
</div>
<div class="fui-list-group" style="margin-top: 0rem;border-top: 0px">
	<div class="list-number" ng-repeat="item in pagedata.news">
			<a class="fui-list " href="javascript:;" ng-click="access_json('/home.news/detail','id='+item.id)">
					<div class="fui-list-media">
							<img class="round" ng-src="{{tomedia(item.image) || '../core/resource/images/nopic.jpg'}}">
					</div>
					<div class="fui-list-inner">
							<div class="title" style="font-size: 0.7rem;">{{item.title}}</div>
							<div class="text">{{item.desc}} ... ...</div>
					</div>
					<div class="fui-list-angle">
							<div class="angle"></div>
					</div>
			</a>
	</div>
</div>
<a href="javascript:;" ng-click="access_json(links('/user.login/'))" class="weui_btn weui_btn_primary" style="margin:0.5rem">我要加入</a>

<footer class="footer">
	<div class="pull-right" style="padding-bottom:10px;width:40%">
		<div class="fr" style="margin-top:2px;">
			<img ng-src="{{tomedia(pagedata.site.ewm) || '../core/resource/images/nopic.jpg'}}" width="40px" height="40px;">
		</div>
		<p>微信：扫描二维码</p>
		<p>QQ：{{pagedata.site.qq}}</p>
		<p>在线：9:00~18:00</p>
	</div>
    <p>公司名称：{{pagedata.site.cname}}</p>
	<p>公司地址：{{pagedata.site.address}}</p>
	<p>ICP备案号： {{pagedata.site.icp}}<p>
	</br>
	</br>
	</br>
	</br>
</footer>
<div id="followewm"  class="modal fade" tabindex="-1" style="z-index:99999;display:none;">
		<div class="modal-dialog" style="margin-bottom:216px">
				<div class="wap-qrcode-container">
				<p class="example1">{{pagedata.site.name}}--公众号！</p>
				<div class="wap-qrcode-image">
					<img ng-src="{{tomedia(pagedata.site.ewm) || '../core/resource/images/nopic.jpg'}}"/>
				</div>
				<p class="example1">长按二维码关注</p>
			</div>
			</div>
</div>
<script>
	require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
	});
</script>